@baseColor: #25BC89;

// 头图
.information-aside {
  width: 100%;
  position: relative;
  .information-aside-img {
    > img {
      width: 100%;
    }
  }
  .information-aside-logo {
    color: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    p {
      font-size: .8rem;
    }
    h2 {
      margin-top: 0;
      font-size: 1rem;
    }
    img {
      width: 2.6rem;
      margin: 0 auto;
    }
  }
}

// 常见问题列表
.faq-list {
  padding-top: 6.7rem;
  .container .row {
    .faq-list-title {
      padding-left: 1rem;
      padding-bottom: .5rem;
      > h3 {
        font-size: 1.4rem;
        font-weight: 700;
        position: relative;
        display: inline-block;
        padding: 0 1.2rem;
        > .iconfont {
          color: @baseColor;
          position: absolute;
          top: 0;
          font-size: .7rem;
          &.icon-zuoshuangyinhao-copy {
            left: 0;
          }
          &.icon-zuoshuangyinhao {
            right: 0;
          }
        }
      }
    }
    .faq-list-content {
      > li {
        padding-top: 2.5rem;
        border-bottom: 1px solid #ccc;
        > h3 {
          font-size: 1.2rem;
          > span:first-of-type {
            width: .7rem;
            height: .7rem;
            margin-bottom: .12rem;
            display: inline-block;
            background-color: @baseColor;
            border-radius: 50%;
            margin-right: .6rem;
          }
        }
        > p {
          padding-left: 1.3rem;
        }
      }
      &:nth-of-type(2) {
        display: none;
      }
    }
    .pager-nav {
      float: left;
      padding-top: 1.3rem;
      padding-bottom: 2rem;
      .pager {
        > li {
          > a {
            background: transparent;
            border-color: @baseColor;
            &:focus {
              color: #fff;
              background-color: @baseColor;
            }
          }
          > i {
            font-style: normal;
            color: @baseColor;
          }
        }
      }
    }
    .faq-erweima {
      display: block;
      margin: 0 auto;
    }
    .faq-logo {
      width: 100%;
      height: 298px;
      background: url("../../images/faq/faq-logo.jpg") no-repeat center;
      background-size: 80% 70%;
    }
    .footer-form {
      > h3 {
        margin-bottom: 1rem;
      }
      #form {
        input,textarea {
          background-color: rgba(0,0,0,.1);
          color: #333;
          padding: 12px;
          box-sizing: border-box;
          margin-bottom: 6px;
        }
        　　:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
          color: #333; opacity:.6;
        }
        ::-moz-placeholder { /* Mozilla Firefox 19+ */
          color: #333;opacity:.6;
        }
        input:-ms-input-placeholder,textarea:-ms-input-placeholder {
          color: #333;opacity:.6;
        }
        input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
          color: #333;opacity:.6;
        }
        input:first-of-type {
          width: 40%;
          height: 36px;
          display: inline-block;
        }
        input:nth-of-type(2) {
          width: 55%;
          height: 36px;
          float: right;
          display: inline-block;
        }
        textarea {
          width: 100%;
          height: 100px;
          resize: none;
        }
        input:last-of-type {
          width: 100%;
          background-color: @baseColor;
          display: block;
        }
      }
    }
  }
}

// 注意事项
.faq-announcements {
  background-color: #eee;
  padding: 3rem 0;
  .container {
    .announcements-box {
      border: 2px solid #fff;
      padding: 1rem 2.5rem;
      position: relative;
      &::before {
        content: '';
        width: 100%;
        height: 100%;
        display: block;
        border-left: .8rem solid @baseColor;
        position: absolute;
        left: 0;
        top: 0;
      }
      > h3 {
        margin-bottom: 1.6rem;
        font-size: 1.2rem;
        font-weight: 700;
        position: relative;
        > sub {
          font-weight: normal;
          position: absolute;
          bottom: -6px;
          left: 0;
        }
      }
      ul {
        li {
          margin: .3rem 0;
          padding-left: 1rem;
          position: relative;
          &::before {
            content: '';
            width: 8px;
            height: 8px;
            display: inline-block;
            background-color: #A6A6A6;
            border-radius: 50%;
            position: absolute;
            left: .2rem;
            top: 50%;
            transform: translateY(-50%);
          }
        }
      }
      > .iconfont {
        position: absolute;
        right: 5rem;
        bottom: 40%;
        opacity: .8;
        color: @baseColor;
        font-size: 5rem;
      }
    }
  }
}